
$width:840px;


body{
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
}


.row1{
  width: 100%;
  //margin-top: 60px;

}
p{
  margin: 0px;
}
.banner_img{
  width: 100%;
  height: 890px;
}

.v2_row1_title{
  font-size: 26px;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  //background-color: orange;
  margin-top: -5px;
}
.v2_row2{
  width: 100%;
  height: 150px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
}
.v2_row2_info{
  width: $width;
  display: flex;
  justify-content: space-between;
  align-items: center;
  //background-color: #f06e57;

}
.row2_info{
  width: 330px;
  height: 100%;
  display: flex;
  align-items: center;
}
.row2_desc{
  display: flex;
  flex-direction: column;
  //justify-content: center;
  margin-left: 20px;
  height: 100%;
}
.row2_desc span:first-of-type{
  color: #333333;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 35px;

}
.row2_desc span:last-of-type{
  color: #666666;
  font-size: 10px;
  line-height: 20px;
}

.seperateView{
  width: 100%;
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;



}
.seperate_title{
  font-size: 18px;
  color: #333333;
  margin-bottom: 5px;

}
.seperate_line{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;

}
.seperate_line div{
  width: 100px;
  height: 1px;
  background-color: #999999;

}
.seperate_line span{
  color: #666666;
  font-size: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.row_guides{
  width: 100%;
  display: flex;
  justify-content: center;
}
.guides_cellBg{
  width: 870px;
  min-width: 870px;
  //height: 890px;
}
.guides_cell{
  float: left;
  margin-right: 30px;
  cursor: pointer;
  margin-bottom: 40px;
  width: 260px;
  height: 310px;

  display: flex;
  flex-direction: column;

  //   设置阴影
  box-shadow: 1px 1px 1px 1px #fafafa;

}
.cell_pic{
  width: 260px;
  height: 220px;

}
.cell_info{
  display: flex;
  align-items: center;
  width: 100%;
  height: 90px;
  //background-color: orange;
}
.cell_avatar{
  width: 60px;
  height: 60px;
  border-radius: 30px;
  margin-left: 10px;

}
.guide_info{
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.info_name{
  display: flex;
  margin-bottom: 5px;

}
.guide_name{
  font-size: 14px;
  color: #333333;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guide_price{
  border-left: 1px solid #333333;
  font-size: 14px;
  color: #333333;
  margin-left: 5px;
  padding-left: 5px;
}
.guide_price span{
  font-size: 14px;
  color: #d76a89;

}
.info_tags{
  display: flex;
  margin-bottom: 5px;
}
.tag{
  padding-left: 10px;
  padding-right: 10px;
  height: 25px;
  background-color: #498fca;
  font-size: 10px;
  color: #FFFFFF;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-right: 10px;


}
.info_orders{
  display: flex;

}
.info_orders span{
  font-size: 14px;
  color: #333333;
  margin-right: 10px;
}
.business_row{
  width: 100%;
  display: flex;
  margin-bottom: 60px;
  height: 146px;
  display: flex;
  justify-content: center;

}
.slider_mutiple{
  width: $width;
  height: 100%;
}
.business_pre,.business_next{

  width:12.5%;
  height: 100%;

}

.business_pre img,.business_next img{
  width: 24px;
  height: 41px;

}
.business_pre img{
  margin-left:50%;

}
.business_next img{
  margin-right:50%;
}
.business_mask{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider_img{
  width: 100%;
  height: 146px;


}

.insert_div_bg{
  with:100%;
  margin-top: 60px;
  display: flex;
  justify-content: center;

}

.insert_div{

  height: 350px;
  display: flex;
  width: $width;



}
.insert_div_img{
  width: 66.6%;
  height: 100%;

}
.insert_div_desc{
  width: 33.3%;
  //height: 100%;
  background-color: #498fca;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;


}
.insert_div_desc img{

  margin-top: 40px;
  margin-bottom: 30px;
  width: 69px;
  height: 82px;

}
.insert_div_desc a{
  font-size: 12px;
  color: #FFFFFF;
  line-height: 30px;

}

.pre_management{
  background-color: #FFFFFF;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;

}

// 放大动效
.pre_row{
  width: 100%;
  display: flex;
  height: 200px;
  align-items: center;
  //background-color: beige;
  margin-top: 10px;
}
.pre_item{
  width: 20%;
  height: 120px;
  //background-color: oldlace;
  border: 1px solid #498fca;
  border-left: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}
.pre_icon{
  width: 30px;
  height: 30px;
  //margin-top: ;
}
.pre_title{
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
  margin-top: 5px;
}

.pre_desc{
  font-size: 14px;
  color: #666;
  display: none;

}

.to_youtu{
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}
.youtu_content{
  width: $width;
  display: flex;
  justify-content: space-between;
  //background-color: #f06e57;
}
.youtu_info{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.youtu_info span:first-of-type{
  font-size: 16px;
  color: #333333;
}
.youtu_info span:last-of-type{
  font-size: 10px;
  color: #666666;
  margin-top: 5px;
}

.youtu_video{
  width: 400px;
  height: 225px;
  /*background-color: #1b6d85;*/
  background-image: url("../images/video_bg.png");
  background-size: 100% 100%;
  cursor: pointer;
  border-radius: 10px;
  margin-top: 10px;
}

.youtu_maskView{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.youtu_video_bg{
  width: 100%;
  height: 100%;
  //background-color: orange;
}
.report{
  width: 100%;
  height: 150px;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.report span{
  font-size: 18px;
  color: #666666;
}
.report_imgs{
  width: $width;
  display: flex;
  justify-content: space-between;

}
.report_imgs a{

  background-size: cover;
  width: 168px;
  height: 60px;
}
.report_imgs a:nth-of-type(1){
  background: url("../images/report1.png");
}
.report_imgs a:nth-of-type(2){
  background: url("../images/report2.png");
}
.report_imgs a:nth-of-type(3){
  background: url("../images/report3.png");
}
.report_imgs a:nth-of-type(4){
  background: url("../images/report4.png");
}
.report_imgs a:nth-of-type(5){
  background: url("../images/report5.png");
}




.coverLogo{
  position: absolute;
  left:50%;
  top: 244px;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: -180px;


}
.coverLogo img:first-of-type{

  width: 70px;
  height: 112px;
  margin-bottom: 50px;

}
.coverLogo img:last-of-type{

  width: 170px;
  height: 50px;
  margin-bottom: 50px;

}
.slogan{
  display: flex;
  align-items: center;
  justify-content: center;

  background-color: rgba(0,0,0,0.6);

  color: #ffffff;
  letter-spacing: 8px;
  width: 360px;
  height: 60px;
  font-size: 28px;

}
.obj{
  width: 100%;
  height: 220px;
  margin: 0px;
  padding: 0px;
  min-width: 840px;
}

.nav{
  border:0px;
  margin: 0px;
  padding: 0px;
  width:100%;
  //min-width: 1920px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1000;
}
.line-limit-length {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
